<template>
  <div class="coldest-special font-bolder m-t10">
    <div class="title blue">{{ props.allKinds.title }}</div>
    <div class="light-yellow font20 m-t5">
      单数（已连开<span class="red">{{ props.allKinds.singular.rootCode }}</span>期，最高连开<span class="red">{{ props.allKinds.singular.maxCode }}</span>期）
    </div>
    <div class="light-yellow font20 m-t5">
      双数（已连开<span class="red">{{ props.allKinds.even.rootCode }}</span>期，最高连开<span class="red">{{ props.allKinds.even.maxCode }}</span>期）
    </div>
    <div class="light-yellow font20 m-t5">
      绿波（已开<span class="red">{{ props.allKinds.green.rootCode }}</span>期，最高连开<span class="red">{{ props.allKinds.green.maxCode }}</span>期，最冷<span class="red">{{ props.allKinds.green.newCode }}</span>期未开）
    </div>
    <div class="light-yellow font20 m-t5">
      红波（已开<span class="red">{{ props.allKinds.red.rootCode }}</span>期，最高连开<span class="red">{{ props.allKinds.red.maxCode }}</span>期，最冷<span class="red">{{ props.allKinds.red.newCode }}</span>期未开）
    </div>
    <div class="light-yellow font20 m-t5">
      蓝波（已开<span class="red">{{ props.allKinds.blue.rootCode }}</span>期，最高连开<span class="red">{{ props.allKinds.blue.maxCode }}</span>期，最冷<span class="red">{{ props.allKinds.blue.newCode }}</span>期未开）
    </div>
    <div class="blue m-t10">
      <span class="bg-yellow p-5">
        数据不断更新中...永久域名:60<span class="red">5555</span>.com
      </span>
    </div>
  </div>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
  allKinds: {
    type: Object,
    default: () => {},
  }
});
</script>